<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 优先使用 IE 最新版本和 Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 为移动设备添加 viewport-->
    <meta name="viewport"
          content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏-->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <!-- 设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari）-->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 忽略页面中的数字识别为电话，忽略email识别-->
    <meta name="format-detection" content="telphone=no, email=no">
    <!-- 下面三个是清除缓存 微信浏览器缓存严重又无刷新；这个方法调试的时候很方便-->
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>期资讯</title>
    <!--引入swiper-->
    <link rel="stylesheet" href="../../b2c/lib/css/swiper.min.css">
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/style-min.css">
    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/ydui.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../../b2c/lib/js/flexible/flexible.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../../b2c/lib/js/jquery/jquery-2.1.4.min.js"></script>
    <!-- 引入common -->
    <script src="../lib/js/common/common.js"></script>
    <!-- 引入vue -->
    <script src="../../b2c/lib/js/vue/vue.min.js"></script>
    <!--引入对应的css-->
    <link rel="stylesheet" href="../css/serial/serial.css">
</head>
<body class="recommend">
<div style="width: 100%;height: 100%;" id="recommendApp">
    <div class="recommend-wrap back-show">
        <div class="day-content">
            <!--<div class="weui-hr5"></div>-->
            <div class="day-imgs">
                <a href="javascript:;">
                    <img src="" alt="" v-bind:src=app.coverImgpath>
                </a>
            </div>
            <div class="shop-menus">
                <ul class="hot-list-box clearfix" id="hot-list-box-id">
                    <li v-for="(item,index) in app.goodsList" :key="index">
                        <a class="hot-list-item" v-bind:href="item.href">
                            <img class="hot-list-item-img"
                                 v-bind:src="item.goodsImage"
                                 onerror="$.imgDef()" alt="">
                            <p class="hot-list-title">
                                <span class="tag-overseas3" style="display: none;"></span>
                                <span v-text="item.name"></span>
                            </p>
                            <p class="hot-list-hr"></p>
                            <p class="hot-list-price">
                                <label><i>￥</i>{{item.lowestPrice | appDivide}}</label>
                            </p>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="weui-hr10" style="background: #f0f0f0;" ></div>
        <div class="e-detail">
            <p v-for="item in app.serialContentImages"><a href="javascript:;" v-bind:href="item.hrefLink" style="width: 100%; height: 100%; display: block;"> <img src="" v-bind:src=item.imagePath></a></p>
        </div>
    </div>
    <!--全部商品-->
    <div class="all-goods" style="">
        <div class="grid-head-tab">
            <div class="grid-head-box">
                <div class="grid-head-l">
                    <a href="javascript:;" id="goods-return-id" onclick="selectGoods()"><img src="../images/serial/goods_head_return.png"></a>
                </div>
                <div class="grid-head-cen">查看全部</div>
                <div class="grid-head-r"></div>
            </div>
        </div>
        <div class="all-goods-content">
            <!--单品-->
            <div class="weui-hr-5"></div>
            <div class="day-recommend">
                <div class="day-content">
                    <div class="hot-list">
                        <ul class="hot-list-box clearfix">
                            <li v-for="item in app.goodsList">
                                <a class="hot-list-item" href="" v-bind:href=item.href >
                                    <img class="hot-list-item-img" src="" alt="" v-bind:src=item.goodsImage />
                                    <p class="hot-list-title">
                                        <img class="goods-pic" src="../images/serial/or_tao.png" v-if="item.goodsChannel==3" />
                                        <span v-text="item.name"></span>
                                    </p>
                                    <p class="hot-list-hr"></p>
                                    <p class="hot-list-price" v-cloak><label>￥</label>{{item.lowestPrice | appDivide}}<span class="r-price">
                                    <del v-if="item.lowestPrice!=item.suggestedPrice" v-cloak><i>￥</i>{{item.suggestedPrice | appDivide}}</del>
                                </span>
                                    </p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--/单品-->
        </div>
    </div>
</div>
<script src="../../b2c/lib/js/ui.js"></script>
<script src="../js/serial/serial.js"></script>
</body>
</html>